
<div class="fenlei">
    <div class="search">
        <p>
            <input type="text" placeholder="搜索">
            <span><span class="fa fa-search fontsearch"></span></span>
        </p>
    </div>
    <div class="lists-box">
        <div class="lists">
            <div class="list">
                <p><img src="img/muqi.png" alt=""> 木器</p>
                <p><span class="fa fa-angle-down"></span></p>
            </div>
            <div class="hide"><p><a href="">黄花梨</a><a href="">紫檀</a><a href="">沉香</a><a href="">金丝楠</a><a href="">其他</a></p></div>
        </div>
        <div class="lists">
            <div class="list">
                <p><img src="img/yuqi.png" alt=""> 玉器</p>
                <p><span class="fa fa-angle-down"></span></p>
            </div>
            <div class="hide"><p><a href="">黄花梨</a><a href="">紫檀</a><a href="">沉香</a><a href="">金丝楠</a><a href="">其他</a></p></div>
        </div>
        <div class="lists">
            <div class="list">
                <p><img src="img/jinshuqi.png" alt=""> 金属器</p>
                <p><span class="fa fa-angle-down"></span></p>
            </div>
            <div class="hide"><p><a href="">黄花梨</a><a href="">紫檀</a><a href="">沉香</a><a href="">金丝楠</a><a href="">其他</a></p></div>
        </div>
        <div class="lists">
            <div class="list">
                <p><img src="img/taoci.png" alt=""> 陶瓷紫砂</p>
                <p><span class="fa fa-angle-down"></span></p>
            </div>
            <div class="hide"><p><a href="">黄花梨</a><a href="">紫檀</a><a href="">沉香</a><a href="">金丝楠</a><a href="">其他</a></p></div>
        </div>
        <div class="lists">
            <div class="list">
                <p><img src="img/shuhua.png" alt=""> 书画古籍</p>
                <p><span class="fa fa-angle-down"></span></p>
            </div>
            <div class="hide"><p><a href="">黄花梨</a><a href="">紫檀</a><a href="">沉香</a><a href="">金丝楠</a><a href="">其他</a></p></div>
        </div>
        <div class="lists">
            <div class="list">
                <p><img src="img/wenfang.png" alt=""> 文房用品</p>
                <p><span class="fa fa-angle-down"></span></p>
            </div>
            <div class="hide"><p><a href="">黄花梨</a><a href="">紫檀</a><a href="">沉香</a><a href="">金丝楠</a><a href="">其他</a></p></div>
        </div>
        <div class="lists">
            <div class="list">
                <p><img src="img/muqi.png" alt=""> 古董钟表</p>
                <p><span class="fa fa-angle-down"></span></p>
            </div>
            <div class="hide"><p><a href="">黄花梨</a><a href="">紫檀</a><a href="">沉香</a><a href="">金丝楠</a><a href="">其他</a></p></div>
        </div>
        <div class="lists">
            <div class="list">
                <p><img src="img/wenfang.png" alt=""> 钱币邮票</p>
                <p><span class="fa fa-angle-down"></span></p>
            </div>
            <div class="hide"><p><a href="">黄花梨</a><a href="">紫檀</a><a href="">沉香</a><a href="">金丝楠</a><a href="">其他</a></p></div>
        </div>
    </div>
</div>
<script>
    $(".lists-box .list").click(function(){
        $(this).next().stop().slideToggle(1000).parent().siblings().find(".hide").slideUp(1000)
    })
</script>